<div class="root">
    <div class="bg-wrapper">
        <image resize="cover" class="bg" :src="securityBg"></image>
    </div>

    <scroller class="scroller" show-scrollbar="false" v-if="pageLoaded">
        <div class="item" v-for="pw in payWayList">
            <div v-if="pw.status == 0" class="item-cont">
                <div class="item-left">
                    <image resize="cover" class="item-icon" :src="pw.img"></image>
                    <!--<text class="item-txt font-msyhl">{{pw.title}}</text>-->
                </div>

                <div class="item-right" @click="payWayHandler(pw)">
                    <text class="sign-btn font-msyhl">立即开通</text>
                </div>
            </div>
            <div v-else class="item-cont" @click="payWayHandler(pw)">
                <div class="item-left">
                    <image resize="cover" class="item-icon" :src="pw.img"></image>
                    <!--<text class="item-txt font-msyhl">{{pw.title}}</text>-->
                </div>

                <div class="item-right">
                    <div class="sign-success">
                        <text class="sign-success-txt font-msyhl">已开通</text>
                        <image resize="cover" class="sign-success-icon" :src="signSuccessIcon"></image>
                    </div>
                </div>
            </div>
        </div>
    </scroller>
</div>